<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>后台管理</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <!-- Google fonts - Roboto -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
  <!-- Choices CSS-->
  <link rel="stylesheet" href="../vendor/choices.js/public/assets/styles/choices.min.css">
  <!-- Custom Scrollbar OverlayScrollbars 是一个 javascript 滚动条插件，它隐藏原生滚动条，提供自定义样式的覆盖滚动条并保持原生功能和感觉。-->
  <link rel="stylesheet" href="../vendor/overlayscrollbars/css/OverlayScrollbars.min.css">
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="../css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="../css/custom.css">
  <!-- Favicon-->
  <link rel="shortcut icon" href="../img/favicon.ico">
  <!-- Tweaks for older IEs-->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->

  <script type="text/javascript">

    function SetIFrameHeight() {
      var iframeid = document.getElementById("iframe"); //iframe id
      if (document.getElementById) {
        iframeid.height = document.documentElement.clientHeight;
      }
    }


  </script>
</head>

<body>
  <!-- Side Navbar -->
  <nav class="side-navbar">
    <!-- Sidebar Header    -->
    <div class="sidebar-header d-flex align-items-center justify-content-center p-3 mb-3">
      <!-- User Info-->
      <div class="sidenav-header-inner text-center"><img class="img-fluid rounded-circle avatar mb-3"
          src="../img/avatar-7.jpg" alt="person">
        <h2 class="h5 text-white text-uppercase mb-0" id="username-space">NoName</h2>
        <p class="text-sm mb-0 text-muted" id="role-space">Role</p>
      </div>
      <!-- Small Brand information, appears on minimized sidebar-->
      <a class="brand-small text-center" href="index.html">
        <p class="h1 m-0">BD</p>
      </a>
    </div>
    <!-- Sidebar Navigation Menus--><span
      class="text-uppercase text-gray-500 text-sm fw-bold letter-spacing-0 mx-lg-2 heading">Main</span>
    <ul class="list-unstyled">
      <li class="sidebar-item"><a class="sidebar-link" href="index.html">
          <!--          <svg class="svg-icon svg-icon-sm svg-icon-heavy me-xl-2">-->
          <!--            <use xlink:href="#real-estate-1"> </use>-->
          <!--          </svg>-->
          首页
        </a></li>
      <li class="sidebar-item"><a class="sidebar-link" href="category.html" target="iframe">
          <!--          <svg class="svg-icon svg-icon-sm svg-icon-heavy me-xl-2">-->
          <!--            <use xlink:href="#portfolio-grid-1"> </use>-->
          <!--          </svg>-->
          分类管理
        </a></li>
      <li class="sidebar-item"><a class="sidebar-link" href="#bookManagerDropdown" data-bs-toggle="collapse">
          图书管理 </a>
        <ul class="collapse list-unstyled " id="bookManagerDropdown">
          <li><a class="sidebar-link" href="addBook.html" target="iframe">新增图书</a></li>
          <li><a class="sidebar-link" href="modifyBook.html" target="iframe">修改图书</a></li>
        </ul>
      </li>
      <li class="sidebar-item"><a class="sidebar-link" href="#exampledropdownDropdown" data-bs-toggle="collapse">
          首页配置</a>
        <ul class="collapse list-unstyled " id="exampledropdownDropdown">
          <li><a class="sidebar-link" href="carousel.html" target="iframe">轮播管理</a></li>
          <li><a class="sidebar-link" href="newBook.html" target="iframe">新书推荐</a></li>
          <li><a class="sidebar-link" href="recommend.html" target="iframe">主编推荐</a></li>
        </ul>
      </li>
      <li class="sidebar-item"><a class="sidebar-link" href="#orderManagerdownDropdown" data-bs-toggle="collapse">
          订单管理</a>
        <ul class="collapse list-unstyled " id="orderManagerdownDropdown">
          <li><a class="sidebar-link" href="orderQuery.html" target="iframe">订单查询</a></li>
          <li><a class="sidebar-link" href="returnOrder.html" target="iframe">退货订单 <span class="badge bg-danger">6
                New</span></a> </li>
          <!--                <li><a class="sidebar-link" href="recommend.html" target="iframe">主编推荐</a></li>-->
        </ul>
      </li>
      <!-- <li class="sidebar-item"><a class="sidebar-link" href="#!"> -->
      <!--          <svg class="svg-icon svg-icon-xs svg-icon-heavy me-xl-2">-->
      <!--            <use xlink:href="#imac-screen-1"> </use>-->
      <!--          </svg>-->
      <!-- 菜单3
          <div class="badge bg-warning">6 New</div>
        </a>
      </li> -->
    </ul>

  </nav>
  <div class="page">
    <!-- navbar-->
    <header class="header">
      <nav class="navbar">
        <div class="container-fluid">
          <div class="d-flex align-items-center justify-content-between w-100">
            <div class="d-flex align-items-center"><a
                class="menu-btn d-flex align-items-center justify-content-center p-2 bg-gray-900" id="toggle-btn"
                href="#">
                <i class="fa fa-bars text-white" ></i>
                 </a><a class="navbar-brand ms-2" href="index.html">
                <div class="brand-text d-none d-md-inline-block text-uppercase letter-spacing-0"><span
                    class="text-white fw-normal text-xs">01</span><strong class="text-primary text-sm">书城</strong></div>
              </a></div>
            <ul class="nav-menu mb-0 list-unstyled d-flex flex-md-row align-items-md-center">
              <!-- Notifications dropdown-->
              <li class="nav-item dropdown"> <a class="nav-link text-white position-relative" id="notifications"
                  rel="nofollow" data-bs-target="#" href="#" data-bs-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="false">
                  <i class="fa fa-area-chart"></i>
                  <span class="badge bg-warning">12</span></a>
                <ul class="dropdown-menu dropdown-menu-end mt-sm-3 shadow-sm" aria-labelledby="notifications">
                  <li><a class="dropdown-item py-3" href="#!">
                      <div class="d-flex">
                        <div class="icon icon-sm bg-blue">
                          <svg class="svg-icon svg-icon-xs svg-icon-heavy">
                            <use xlink:href="#envelope-1"> </use>
                          </svg>
                        </div>
                        <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-xs text-gray-600">You have 6 new
                            messages </span><small class="small text-gray-600">4 minutes ago</small></div>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item py-3" href="#!">
                      <div class="d-flex">
                        <div class="icon icon-sm bg-green">
                          <svg class="svg-icon svg-icon-xs svg-icon-heavy">
                            <use xlink:href="#chats-1"> </use>
                          </svg>
                        </div>
                        <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-xs text-gray-600">New 2 WhatsApp
                            messages</span><small class="small text-gray-600">4 minutes ago</small></div>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item py-3" href="#!">
                      <div class="d-flex">
                        <div class="icon icon-sm bg-orange">
                          <svg class="svg-icon svg-icon-xs svg-icon-heavy">
                            <use xlink:href="#checked-window-1"> </use>
                          </svg>
                        </div>
                        <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-xs text-gray-600">Server
                            Rebooted</span><small class="small text-gray-600">8 minutes ago</small></div>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item py-3" href="#!">
                      <div class="d-flex">
                        <div class="icon icon-sm bg-green">
                          <svg class="svg-icon svg-icon-xs svg-icon-heavy">
                            <use xlink:href="#chats-1"> </use>
                          </svg>
                        </div>
                        <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-xs text-gray-600">New 2 WhatsApp
                            messages</span><small class="small text-gray-600">10 minutes ago</small></div>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item all-notifications text-center" href="#!"> <strong
                        class="text-xs text-gray-600">view all notifications </strong></a></li>
                </ul>
              </li>
              <!-- Messages dropdown-->
              <li class="nav-item dropdown"> <a class="nav-link text-white position-relative" id="messages"
                  rel="nofollow" data-bs-target="#" href="#" data-bs-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="false">
                  <i class="fa fa-envelope-o"></i>
                 <span class="badge bg-info">10</span></a>
                <ul class="dropdown-menu dropdown-menu-end mt-sm-3 shadow-sm" aria-labelledby="messages">
                  <li><a class="dropdown-item d-flex py-3" href="#!"> <img
                        class="img-fluid rounded-circle flex-shrink-0 avatar shadow-0" src="../img/avatar-1.jpg"
                        alt="..." width="45">
                      <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-sm text-gray-600">Jason
                          Doe</span><small class="small text-gray-600"> Sent You Message</small>
                        <p class="mb-0 small text-gray-600">3 days ago at 7:58 pm - 10.06.2014</p>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item d-flex py-3" href="#!"> <img
                        class="img-fluid rounded-circle flex-shrink-0 avatar shadow-0" src="../img/avatar-2.jpg"
                        alt="..." width="45">
                      <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-sm text-gray-600">Jason
                          Doe</span><small class="small text-gray-600"> Sent You Message</small>
                        <p class="mb-0 small text-gray-600">3 days ago at 7:58 pm - 10.06.2014</p>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item d-flex py-3" href="#!"> <img
                        class="img-fluid rounded-circle flex-shrink-0 avatar shadow-0" src="../img/avatar-3.jpg"
                        alt="..." width="45">
                      <div class="ms-3"><span class="h6 d-block fw-normal mb-1 text-sm text-gray-600">Jason
                          Doe</span><small class="small text-gray-600"> Sent You Message</small>
                        <p class="mb-0 small text-gray-600">3 days ago at 7:58 pm - 10.06.2014</p>
                      </div>
                    </a></li>
                  <li><a class="dropdown-item text-center" href="#!"> <strong class="text-xs text-gray-600">Read all
                        messages </strong></a></li>
                </ul>
              </li>
              <!-- Languages dropdown    -->
              <li class="nav-item dropdown"><a class="nav-link dropdown-toggle text-white text-sm" id="languages"
                  rel="nofollow" data-bs-target="#" href="#" data-bs-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="false"><img src="../img/flags/16/CN.png" alt="中文"><span
                    class="d-none d-sm-inline-block ms-2">中文</span></a>
                <ul class="dropdown-menu dropdown-menu-end mt-sm-3 shadow-sm" aria-labelledby="languages">
                  <li><a class="dropdown-item" rel="nofollow" href="#!"> <img class="me-2" src="../img/flags/16/GB.png"
                        alt="English"><span>English</span></a></li>

                </ul>
              </li>
              <!-- Log out-->
              <li class="nav-item"><a class="nav-link text-white text-sm ps-0" href="../login.html"> <span
                    class="d-none d-sm-inline-block">Logout</span>
                  <svg class="svg-icon svg-icon-xs svg-icon-heavy">
                    <use xlink:href="#security-1"> </use>
                  </svg></a></li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <!--TODO 页面主体内容-->
    <section>
      <iframe width="100%" id="iframe" name="iframe" onload="SetIFrameHeight()" frameborder="0"
        src="indexContent.html"></iframe>
    </section>
    <!--页面主体内容 end-->
    <footer class="main-footer w-100 position-absolute bottom-0 start-0 py-2" style="background: #222">
      <div class="container-fluid">
        <div class="row text-center gy-3">
          <div class="col-sm-6 text-sm-start">
            <p class="mb-0 text-sm text-gray-600">Your company &copy; 2017-2021</p>
          </div>
          <div class="col-sm-6 text-sm-end">
            <p class="mb-0 text-sm text-gray-600">Design by <a href="https://bootstrapious.com/p/bootstrap-4-dashboard"
                class="external">Bootstrapious</a></p>
            <!-- Please do not remove the backlink to us unless you support further theme's development at https://bootstrapious.com/donate. It is part of the license conditions and it helps me to run Bootstrapious. Thank you for understanding :)-->
          </div>
        </div>
      </div>
    </footer>
  </div>
  <!-- JavaScript files-->
  <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../vendor/just-validate/js/just-validate.min.js"></script>
  <script src="../vendor/choices.js/public/assets/scripts/choices.min.js"></script>
  <script src="../vendor/overlayscrollbars/js/OverlayScrollbars.min.js"></script>
  <!-- Main File-->
  <script src="../js/front.js"></script>
  <script>
 
  
    (function(){
      //加载管理员信息
      let userNameH2 = document.querySelector("#username-space");
      let roleSpace=document.querySelector("#role-space");
      let userMessage = sessionStorage.getItem("user");
      if(userMessage){
    	  let user = JSON.parse(userMessage);
          userNameH2.innerHTML = user.username;
          roleSpace.innerHTML=user.role;
      } 
      
    })();




  </script>
  <!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
  <link rel="stylesheet" href="../vendor/font-awesome-4.7.0/css/font-awesome.min.css" >
</body>

</html>